<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>hao123导航-从这里开始</title>
		<link rel="stylesheet" type="text/css" href="./css/index.css"/>
		<!--swiper插件-->
		<link rel="stylesheet" href="./css/swiper.min.css" />
		<script src="./js/jquery-1.6.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/swiper.min.js"></script>
	</head>
	<body>
		<!--header-->
		<header>
			<img src="./img/hao123.png" class="logo"/>	
			<div class="news">
				<a href="javascript:;" class="temp">北京24°C</a>
				<a href="javascript:;" class="day">周五</a>
			</div>
		</header>
		<!--END header-->
		
		<!--searche-->
		<form action="" method="post" id="search">
			<input type="text" placeholder="全国人民在这儿搜" class="search"/>
			<input type="submit" value="百度一下" class="btn"/>
		</form>
		<!--END search-->
		
		
		<!--nav-->
		<nav>
			<a href="javascript:;">新闻</a>
			<a href="javascript:;">小说</a>
			<a href="javascript:;">购物</a>
			<a href="javascript:;">游戏</a>
			<a href="javascript:;">生活</a>
			<a href="javascript:;">影视</a>
			<a href="javascript:;">下标</a>
		</nav>
		<!--END nav-->
		
		<!--carousel-->
		<div id="carousel" class="swiper-container">
		    <div class="swiper-wrapper box">
		        <div class="swiper-slide img">
		        	   <a href=""><img src="./img/list1/lunbo1.jpeg" alt="" /></a>
		        </div>
		        <div class="swiper-slide img">
		        	   <a href=""><img src="./img/list1/lunbo2.jpeg" alt="" /></a>
		        </div>
		        <div class="swiper-slide img">
		        	   <a href=""><img src="./img/list1/lunbo3.jpeg" alt="" /></a>
		        </div>
		    </div>
		    <!-- 如果需要分页器 -->
		    <div class="swiper-pagination"></div>
		</div>

		<!--END Carousel-->
		
		<!--web-->
		<web>
			<a href="">人民网</a>
			<a href="">新华网</a>
			<a href="">央视网</a>
			<a href="">网信网</a>
			<a href="">中国网</a>
			<a href="">求是网</a>
		</web>
		<!--END web-->
		
		<!--url-->
		<url>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
			<div class="web"><img src="./img/url.png"/><a href="">百度</a></div>
		</url>
		<!--END url-->
		
		<!--list-->
		<div id="list">
			<section>
				<div class="list_left">
					<img src="./img/list1/list1_1.jpeg" alt="" />
				</div>
				<div class="list_right">
					<h3 class="list_title">习近平明起出访沙特埃及伊朗</h3>
					<div class="list_content">
						<div class="time_left">
							<span>新闻</span>&nbsp;&nbsp;<time>13小时前</time>
						</div>
						<div class="time_right">
							<i class="iconfont">&#xe606;</i>&nbsp;&nbsp;<span>11996</span>
						</div>
					</div>
				</div>
			</section>
		    <section>
				<div class="list_left">
					<img src="./img/list1/list1_1.jpeg" alt="" />
				</div>
				<div class="list_right">
					<h3 class="list_title">习近平明起出访沙特埃及伊朗</h3>
					<div class="list_content">
						<div class="time_left">
							<span>新闻</span>&nbsp;&nbsp;<time>13小时前</time>
						</div>
						<div class="time_right">
							<i class="iconfont">&#xe606;</i>&nbsp;&nbsp;<span>11996</span>
						</div>
					</div>
				</div>
			</section>
			<section>
				<div class="list_left">
					<img src="./img/list1/list1_1.jpeg" alt="" />
				</div>
				<div class="list_right">
					<h3 class="list_title">习近平明起出访沙特埃及伊朗</h3>
					<div class="list_content">
						<div class="time_left">
							<span>新闻</span>&nbsp;&nbsp;<time>13小时前</time>
						</div>
						<div class="time_right">
							<i class="iconfont">&#xe606;</i>&nbsp;&nbsp;<span>11996</span>
						</div>
					</div>
				</div>
			</section>
			<section>
				<div class="list_left">
					<img src="./img/list1/list1_1.jpeg" alt="" />
				</div>
				<div class="list_right">
					<h3 class="list_title">习近平明起出访沙特埃及伊朗</h3>
					<div class="list_content">
						<div class="time_left">
							<span>新闻</span>&nbsp;&nbsp;<time>13小时前</time>
						</div>
						<div class="time_right">
							<i class="iconfont">&#xe606;</i>&nbsp;&nbsp;<span>11996</span>
						</div>
					</div>
				</div>
			</section>
		</div>
		<!--END list-->
		
		<!--film-->
		<film>
			<a href="">国际在线</a>
			<a href="">中国日报</a>
			<a href="">女儿国海选</a>
			<a href="">周末影院</a>
		</film>
		<!--END film-->
		
		<!--news-->
		<news>
			<div class="cate">
				<a href="">新闻</a>
				<a href="">环球</a>
				<a href="">头条</a>
				<a href="">中经网</a>
				<a href="">中青网</a>
				<a href="">下表</a>
			</div>
			<div class="cate">
				<a href="">新闻</a>
				<a href="">环球</a>
				<a href="">头条</a>
				<a href="">中经网</a>
				<a href="">中青网</a>
				<a href="">下表</a>
			</div>	
			<div class="cate">
				<a href="">新闻</a>
				<a href="">环球</a>
				<a href="">头条</a>
				<a href="">中经网</a>
				<a href="">中青网</a>
				<a href="">下表</a>
			</div>	
			<div class="cate">
				<a href="">新闻</a>
				<a href="">环球</a>
				<a href="">头条</a>
				<a href="">中经网</a>
				<a href="">中青网</a>
				<a href="">下表</a>
			</div>	
			<div class="cate">
				<a href="">新闻</a>
				<a href="">环球</a>
				<a href="">头条</a>
				<a href="">中经网</a>
				<a href="">中青网</a>
				<a href="">下表</a>
			</div>	
		</news>
		<!--END news-->
		
		<!--footer-->
		<footer>
			<p>QQ:792645954</p>
			<p>微信：13823738446</p>
			<p>tel:13823748446</p>
		</footer>
		<!--END footer-->
		
		
		<script>        
		  var mySwiper = new Swiper ('.swiper-container', {
		    direction: 'horizontal',
		    loop: true,
		    autoplay:1000,
		    autoplayDisableOnlnteraction:false,
		    // 如果需要分页器
		    pagination: '.swiper-pagination',
		    
		  })        
		</script>
	</body>
</html>
